import { Component, OnInit } from '@angular/core';
import { typeSourceSpan } from '@angular/compiler';


@Component({
  selector: 'apes-demo05',
  templateUrl: './demo05.component.html',
  styleUrls: ['./demo05.component.scss'],
})
export class Demo05Component implements OnInit {

  /*steps data*/
  steps01 = [{
    current: 1, status: 'error', items: [
      { status: 'string', title: '洗车不干净', type: '洗车' },
      { status: 'process', title: '待门店处理', Description: '25分钟', icon: 'anticon anticon-ellipsis' },
      { status: 'wait', title: '待客服中心处理', Description: '50分钟', icon: 'anticon anticon-question' },
      { status: 'wait', title: '结单', icon: 'anticon anticon-question' },
    ],
  }];

  steps02 = [{
    current: 2, status: 'error', items: [
      { status: 'string', title: '服务态度差', type: '服务' },
      { status: 'finish', title: '门店已处理', Description: '30分钟', icon: 'anticon anticon-check' },
      { status: 'process', title: '待客服中心处理', Description: '50分钟', icon: 'anticon anticon-ellipsis' },
      { status: 'wait', title: '结单', icon: 'anticon anticon-question' },
    ],
  }];

  steps03 = [{
    current: 1, status: 'finish', items: [
      { status: 'string', title: '外修外协客诉', type: '外修' },
      { status: 'finish', title: '门店已处理', Description: '30分钟', icon: 'anticon anticon-check' },
      { status: 'finish', title: '客服中心已处理', Description: '60分钟', icon: 'anticon anticon-check' },
      { status: 'wait', title: '结单', icon: 'anticon anticon-question' },
    ],
  }];

  steps04 = [{
    current: 2, status: 'error', items: [
      { status: 'string', title: '产品质量问题', type: '产品' },
      { status: 'finish', title: '门店已处理', Description: '30分钟', icon: 'anticon anticon-check' },
      { status: 'process', title: '待客服中心处理', Description: '50分钟', icon: 'anticon anticon-ellipsis' },
      { status: 'wait', title: '结单', icon: 'anticon anticon-question' },
      { status: 'error', title: '停单中', Description: '1天3小时' },
    ],
  }];

  steps05 = [{
    current: 2, status: 'finish', items: [
      { status: 'string', title: '产品质量问题', type: '产品' },
      { status: 'finish', title: '门店已处理', Description: '30分钟', icon: 'anticon anticon-check' },
      { status: 'finish', title: '客服中心已处理', Description: '30分钟', icon: 'anticon anticon-check' },
      { status: 'finish', title: '已结单', icon: 'anticon anticon-check' },
    ],
  }];

  steps06 = [{
    items: [
      { status: 'string', title: '07-07 10:20', type: '报案', Description: '01  天' },
      { status: 'string', title: '07-07 10:20', type: '评估', Description: '23小时' },
      { status: 'string', title: '07-07 10:20', type: '开始定损', Description: '30分钟' },
      { status: 'stringProcess', title: '07-07 10:20', type: '技术审核', Description: '30分钟' },
      { status: 'stringWait', type: '完成定损' },
      { status: 'stringWait', type: '完成理赔' },
    ],
  }];

  steps07 = [{
    items: [
      { status: 'stringMore', Description: '会员政策调整不满意', type: '小病大修悉数退还' },
      { status: 'string', title: '转OA', Description: '50分钟', type: 'OA' },
      { status: 'string', title: '钟爱华', Description: '120分钟', type: '客服' },
      { status: 'wait', title: '结单', icon: 'anticon anticon-question' },
      { status: 'error', title: '停单中', Description: '1天3小时' },
    ],
  }];

  /*progress data*/
  format = percent => `${percent} %`;

  nums = { num: 75 };

  constructor() {
  }

  ngOnInit(): void {
  };

}
